<!-- 通用的头部工具栏 -->
<template>
  <div class="grid">
    <div class="col-2 text-center">
      <Image style="cursor: pointer;"
             alt="网站图标"
             src="https://img.yeziji.xyz/mobile/logger/forum-mobile.png"
             :width="140"
             @click="toHome()"/>
    </div>
    <div class="col-10 align-self-center flex align-items-center" style="justify-content: right !important;">
      <UserButton/>
    </div>
  </div>
</template>


<script setup lang="ts">
/** JS */
import {useRouter} from 'vue-router';
/** 组件 */
import UserButton from '@/components/button/UserButton.vue';

const router = useRouter();
/** 返回主页面 */
const toHome = () => {
  router.push({
    path: '/',
  });
};
</script>

<style scoped>

</style>
